<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#id-toggle-all').click(function(){			
	 	$('#id-toggle-all').toggleClass('toggle-checked');	 	
		$('#mainform input[type="checkbox"]').checkBox('toggle');
		return false;
	});
});
</script>
			<!--  start table-content  -->
			<div id="table-content">
    			<!--  start step-holder -->
    
    	       	<div id="step-holder">
    
    			<div class="step-no-off">1</div>
    
    			<div class="step-light-left"><a href="">Add book details</a></div>
    
    			<div class="step-light-right">&nbsp;</div>
    
    			<div class="step-no">2</div>
    
    			<div class="step-dark-left">Select related books</div>
    
    			<div class="step-dark-right">&nbsp;</div>
    
    			<div class="step-no-off">3</div>
    
    			<div class="step-light-left">View All Books</div>
    
    			<div class="step-light-round">&nbsp;</div>
    
    			<div class="clear"></div>
    
    		</div>
    
    		<!--  end step-holder -->

				<!--  start product-table ..................................................................................... -->
				<form id="mainform" name="addRelated" method="post" action="" enctype="multipart/form-data">
				<table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
				<tbody><tr>
					<th id="column-check" class="table-header-check"><a id="id-toggle-all" ></a> </th>
					<th class="table-header-repeat line-left minwidth-1"><a href="">ID</a>	</th>
					<th class="table-header-repeat line-left minwidth-1"><a href="">Name</a></th>
					<th class="table-header-repeat line-left"><a href="">Category</a></th>
					<th class="table-header-repeat line-left"><a href="">User</a></th>
					<th class="table-header-repeat line-left"><a href="">Created</a></th>
				</tr>
				
				{BstoContent}
				</tbody></table>
				<!--  end product-table................................... --> 
                	<input name ="submit" type="submit" value="" class="form-submit" />
				</form>
			</div>
			<!--  end content-table  -->

			<div class="clear"></div>

<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
 	if($('#toggle-all').hasClass('toggle-checked')){
 		$('#mainform input[type="checkbox"]').attr('checked', 'checked');
 	}
 	else {
 		$('#mainform input[type="checkbox"]').attr('checked', '');
 	}
 	
	
	return false;
	});
});
</script>  	

